// *************************************
//
//   Sponsored container
//   -> Nav -> Sponsored Ad
//
// -------------------------------------
//   Template (Haml)
// -------------------------------------
//
// #_default
//
// *************************************

$break-large: 1200px;
$break-large-2: 1100px;
$break-large-3: 1000px;
$break-large-4: 900px;
$break-mid: 720px;
$break-mid-2: 620px;
$break-mid-3: 520px;
$break-mid-4: 460px;

.profile-pic {
  float: left;
  width: 250px;
}

#_default_ a::before{
  color: $c-ad;
}

#_default_ img{
  display: none;
}


#_default_ #_default_ {
  display: block;
  float: left;
  max-width: 38%;
  word-wrap: break-word;
}

#_default_ .default-ad {
  display: none;
}

#_default_ ._default_ {
  display: block;
  font-size: .75rem;
  height: 51px;
  letter-spacing: 1px;
  line-height: 1rem;
  padding: 18px 24px;
}

#_default_ a {
  color: #35d7bb;
  text-decoration: none;
}

#_default_ a:hover {
  color: lighten(#35d7bb, 20%);
}

#_default_ .default-image {
  display: none;
}

#_default_ .default-title:after {
  content: " — ";
}

#_default_ .default-title,
#_default_ .default-description {
  display: inline;
}

#_default_ .default-title {
  position: relative;
  font-weight: 600;
  display: none;
}

#_default_ a:before {
  position: relative;
  top: 0px;
  padding: 5px;
  color: #a0aabf;
  content: "Ad";
  text-transform: uppercase;
  font-size: 8px;
  font-family: Verdana, sans-serif;
}


#_default_ {
  display: block;
  float: left;
  max-width: 38%;
  word-wrap: break-word;

  @media screen and (max-width: $break-large) {
	  max-width: 30%;
  }
  @media screen and (max-width: $break-large-2) {
	  max-width: 27%;
  }
  @media screen and (max-width: $break-large-3) {
	  max-width: 24%;
  }
  @media screen and (max-width: $break-large-4) {
	  max-width: 30%;
  }

  @media screen and (max-width: $break-mid) {
	  max-width: 60%;
  }

  @media screen and (max-width: $break-mid-2) {
	  max-width: 55%;
  }

  @media screen and (max-width: $break-mid-2) {
	  max-width: 50%;
  }

  @media screen and (max-width: $break-mid-4) {
	  display: none;
  }
}

// same as .dropdown-toggle

#_default_ ._default_{
	display: block;
  font-size: .75rem;
  height: 51px;
  letter-spacing: 1px;
  line-height: 1rem;
  padding: 18px 24px;

  @media screen and (max-width: $break-large) {
	  font-size: .825rem;
	  line-height: .875rem;
	  padding: 12px 12px 6px 24px;
	  text-align: justify;
  }
  @media screen and (max-width: $break-large-2) {
	  font-size: .8rem;
	  line-height: .85rem;
	  padding: 12px 6px 6px 24px;
	  text-align: justify;
  }

  @media screen and (max-width: $break-large-3) {
	  font-size: .775rem;
	  line-height: .8rem;
	  padding: 12px 6px 6px 24px;
	  text-align: justify;
  }
  @media screen and (max-width: $break-large-4) {
  }
 
  @media screen and (max-width: $break-mid) {
	  font-size: .75rem;
	  line-height: 1rem;
	  padding: 12px 24px;
  }

  @media screen and (max-width: $break-mid-2) {
	  font-size: .66rem;
	  letter-spacing: 1px;
	  line-height: 1rem;
	  padding: 10px 24px;
  }

  @media screen and (max-width: $break-mid-3) {
	  font-size: .4rem;
	  line-height: .875rem;
	  padding: 6px 12px 6px 24px;
	  text-align: justify;
  }


}

